<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0 ">	
<meta charset="utf-8">
<title>任务六个人主页</title>
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="css.css">   
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="nav navbar-fixed-top">
	<div class="container-fluid text-center">
           <button type="button" class="btn btn-default"> 找雇主</button>
           <button type="button" class="btn btn-1 btn-default">找护工</button>           
           <span class="bg bg-default1"></span>   
	</div>						
</nav> 
<main>	
	<div class="container-fluid">	
	<div class="row row-1 text-center">
	    <div class="dropdown">	
			<div class="col-xs-4 dropdown-toggle" data-toggle="dropdown">所在地<span class="caret"></span></div>	
			  <ul class="dropdown-menu" style="top:77px;text-align: center;width: 33.33333333%;min-width:0" role="menu">
			  <li><a href="#">地球</a></li>
			  <li><a href="#">火星</a></li>
			  </ul>
	    </div>
		<div class="dropdown">	     		
			<div class="col-xs-4 dropdown-toggle" data-toggle="dropdown">食宿<span class="caret"></span></div>
			  <ul class="dropdown-menu" style="top:77px;left: 33%;text-align: center;width: 33.33333333%;min-width:0">
			  <li><a href="#">100元/晚</a></li>
			  <li><a href="#">128元/晚</a></li>
		      </ul>
		 </div>
		<div class="dropdown">	     
			<div class="col-xs-4 dropdown-toggle" data-toggle="dropdown">病人情况<span class="caret"></span></div>
			   <ul class="dropdown-menu dropdown-menu-right" style="top:77px;text-align: center;width: 33.33333333%;min-width:0">
			   <li><a href="#">早期</a></li>
			   <li><a href="#">晚期</a></li>
		       </ul>	    
		</div>	
	</div>       
	</div>	
	<div class="container-fluid">
		<div class="row row-2">	
			<div class="col-xs-7">
				<p><span class="bg-default2"></span>服务日期</p>
				<p id="p1">2015-7-5至2015-7-12</p>
				<p><span class="bg-default3"></span>北京.通州.果园</p>				
			</div>
			<div class="col-xs-3 col-default">25元/小时<span class="bg-default4"></span></div>	
		</div>
	</div>
	<div class="container-fluid">
		<div class="row row-2">	
			<div class="col-xs-7">
				<p><span class="bg-default2"></span>服务日期</p>
				<p id="p1">2015-7-5至2015-7-12</p>
				<p><span class="bg-default3"></span>北京.通州.果园</p>				
			</div>
			<div class="col-xs-3 col-default">25元/小时<span class="bg-default4"></span></div>	
		</div>
	</div>
    <div class="container-fluid">
		<div class="row row-2">	
			<div class="col-xs-7">
				<p><span class="bg-default2"></span>服务日期</p>
				<p id="p1">2015-7-5至2015-7-12</p>
				<p><span class="bg-default3"></span>北京.通州.果园</p>				
			</div>
			<div class="col-xs-3 col-default">25元/小时<span class="bg-default4"></span></div>	
		</div>
	</div>
    <div class="container-fluid">
		<div class="row row-2">	
			<div class="col-xs-7">
				<p><span class="bg-default2"></span>服务日期</p>
				<p id="p1">2015-7-5至2015-7-12</p>
				<p><span class="bg-default3"></span>北京.通州.果园</p>				
			</div>
			<div class="col-xs-3 col-default">25元/小时<span class="bg-default4"></span></div>	
		</div>
	</div>
    <div class="container-fluid">
		<div class="row row-2">	
			<div class="col-xs-7">
				<p><span class="bg-default2"></span>服务日期</p>
				<p id="p1">2015-7-5至2015-7-12</p>
				<p><span class="bg-default3"></span>北京.通州.果园</p>				
			</div>
			<div class="col-xs-3 col-default">25元/小时<span class="bg-default4"></span></div>	
		</div>
	</div>
		
</main>
<footer>	
		<button class="btn btn-default1">
			<div class="bg-default5"></div>
			<div class="fot-1">首页</div>
		</button>
		<button class="btn btn-h"><span class="bg-default6"></span></button>
		<button class="btn btn-default1">
			<div class="bg-default7"></div>
			<div class="fot-2">我的</div>
		</button>	
</footer>
</body>
</html>


